<template>
  <a-modal
    v-model:open="saveVisible"
    :dialogStyle="{ padding: 0 }"
    :width="450"
    :closable="false"
    :footer="false"
  >
    <div class="dialog-main">
      <div class="dialog-content">
        {{ content }}
      </div>
    </div>
  </a-modal>
</template>
<script setup>
import { computed } from "vue";
import { useEventStore } from "@/store/modules/events";
const store = useEventStore();
const saveVisible = computed(() => store.savePop);
const content = computed(() => store.saveContent);
</script>
<style scoped lang="less">
.dialog-header {
  text-align: center;
  padding-bottom: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  font-size: 18px;
  color: #262626;
}
.dialog-main {
  margin-bottom: 12px;
  box-sizing: border-box;
  .dialog-content {
    text-align: center;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 16px;
    color: #262626;
  }
}
</style>
